<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>互动云服务</title>
  <link rel="stylesheet" href="http://g.alicdn.com/sj/dpl/1.5.1/css/sui.min.css" />
  <style>
    html,
    body {
      height: 100%;
      padding-top: 0 !important;
    }

    #app {
      padding-left: 220px;
      padding-top: 52px;
      box-sizing: border-box;
    }

    @media (max-width: 767px) {
      #app {
        padding-left: 43px;
      }
    }
  </style>
    <script src="./static/lib/js/bus.js"></script>     <!--注册enentBus-->
    <script src="https://cdn.bootcss.com/clipboard.js/2.0.0/clipboard.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery/1.7.2/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery-cookie/1.3.1/jquery.cookie.js"></script>
  <script>
    // var cookieCode=$.cookie('group_code',{ path:'/', domain:'a.chinamcloud.com' });
    // console.log(cookieCode.split('=')[1])
    // function getCookie(name){
    //   var strcookie = document.cookie;//获取cookie字符串
    //   var arrcookie = strcookie.split("; ");//分割
    //   //遍历匹配
    //   for ( var i = 0; i < arrcookie.length; i++) {
    //   var arr = arrcookie[i].split("=");
    //   if (arr[0] == name){
    //   return arr[1];
    //   }
    //   }
    //   return "";
    // }
    // console.log(getCookie('group_code'));
    window.baseUrl = 'http://pgclogin.chinamcloud.com';
    //创建link标签
    function addCssByLink(url) {
      var doc = document;
      var link = doc.createElement("link");
      link.setAttribute("rel", "stylesheet");
      link.setAttribute("type", "text/css");
      link.setAttribute("href", url);

      var heads = doc.getElementsByTagName("head");
      if (heads.length)
        heads[0].appendChild(link);
      else
        doc.documentElement.appendChild(link);
    }
    addCssByLink(window.baseUrl + '/css/unicorn.grey.css');
    addCssByLink(window.baseUrl + '/css/unicorn.main.css');

    
    //创建script标签
    function addJsByScript(url) {
      var script = document.createElement("script");
      script.setAttribute("type", "text/javascript");
      script.setAttribute("src", url);
      var heads = document.getElementsByTagName("head");
      if (heads.length)
        heads[0].appendChild(script);
      else
        document.documentElement.appendChild(script);
    }
    addJsByScript(window.baseUrl + '/js/jquery.min.js');
    addJsByScript(window.baseUrl + '/js/bootstrap.min.js');
    addJsByScript(window.baseUrl + '/js/unicorn.js');
    addJsByScript(window.baseUrl + '/js/unicorn.console.js');
  </script>
  <script src="http://g.alicdn.com/sj/dpl/1.5.1/js/sui.min.js"></script>

  <script>
    
    $(function () {
      let console_host = window.baseUrl;
         $.ajax({
          type: 'GET',
          url: console_host + '/public/header',
          dataType: 'jsonp',
          jsonp: 'backHeader',
          timeout: 5000,
          data: 'productId=579fe8571f2ee2236549c849e11251fa'
        }).done(function (data) {
          if (data.code == 200) {
            
            $('#navHeader').append(data.params);
          }
        });

        $.ajax({
          type: 'GET',
          url: console_host + '/public/lefter',
          dataType: 'jsonp',
          jsonp: 'backLefter',
          timeout: 5000,
          data: 'productId=579fe8571f2ee2236549c849e11251fa'
        }).done(function (data) {
          if (data.code == 200) {
            $('#navLeft').append(data.params);
          }
        }).fail(function (xhr, status) {
          console.log(status);
        });
    });
  </script>
</head>


<body>
  <div id="navHeader"></div>
  <div id="navLeft"></div>
  <div id="app"></div>

</body>

</html>